<template>
	<div>
		<mt-swipe :auto="4000" class="mt-swipe">
			<mt-swipe-item v-for="itme in LunbotuList" :key="itme.img" >
					<img :class="{'full': isfull}" :src="itme.img" :alt="itme.img"  ref="image" class="sw-img" />
			</mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
	export default {
		props:['LunbotuList','isfull']
	}
// 	window.onload = function(){
// 		let swImg = document.getElementsByClassName('sw-img')[0];
// 		let swipe = document.getElementsByClassName('mint-swipe')[0];
// 		console.log(swImg);
// 		console.log(swImg.offsetHeight);
// 		swipe.style.height = swImg.offsetHeight + 'px';
// 	}
</script>

<style lang="scss" scoped="scoped">
	.mint-swipe{
		height: 180px;
		
		.mint-swipe-item{
			text-align: center;
			img{
				width: 100%;
				height: 100%;
			}
		}
	}
	.full {
	  width: 100%;
	}
</style>
